import React,{Component} from 'react';
import './Login.css'
import {withRouter} from 'react-router-dom';



class Login extends Component{
    constructor(){
        super();
    }
    goBack(){
        this.props.history.goBack();
    }
    toRegister(){
        this.props.history.push({pathname:"/Register"});
    }
    render(){
        return(
            <div className="Login">
                <header className="header">
                    <i className="fa fa-angle-left" onClick={this.goBack.bind(this)}></i>
                    <span>登录</span>
                    <b onClick={this.toRegister.bind(this)}>去注册</b>
                </header>
                <div className="container">
                    <div className="container_input_Top">
                        <i className="fa fa-user-o"></i>
                        <input type="text" placeholder="手机/邮箱/用户昵称"/>
                    </div>
                    <div className="container_input_Bottom">
                        <i className="fa fa-lock"></i>
                        <input type="text" placeholder="请输入密码"/>
                        {/*<span className="g_switch"><b>开 关</b><i></i></span>*/}
                    </div>
                    <div className="tips">
                        <div><input type="checkbox"/>记住密码</div>
                        <span>忘记密码？</span>
                    </div>
                    <div className="button">
                        <button>登录</button>
                    </div>
                </div>
            </div>
        )
    }
}



export default withRouter(Login);